.gift-box{
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.4);
}
.gift-container{
	width: 100%;
	height: 890upx;
	position: fixed;
	left: 0;
	bottom: 0;
	
	background:rgba(255,255,255,1);
	box-shadow:0px -9upx 27upx rgba(0,0,0,0.16);
	opacity:1;
	border-radius:60upx 60upx 0upx 0upx;
	padding: 20upx 0 ;
}
.aaa{
	width: 100%;
	height: calc(100% - 890upx);
}
.swiper{
	width: 100%;
	height: 500upx;
}
.gift-item{
	width: 100%;
	height: 100%;
	/* padding: 20px 0; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.gift-name{
	font-size: 15px;
	color: #333333;
	margin-bottom: 50upx;
}
.gift-img{
	width: 300upx;
	height: 300upx;
	border-radius: 10upx;
}
.scroll-list{
	height: auto;
	
	background: #F0F3F7;
	
	width: 100%;
	white-space: nowrap;
}
.scroll-box{
	width: 100%;
	white-space: nowrap;
	height: auto;
	overflow-x: scroll;
}
.list-item{
	width: 180upx;
	height: 180upx;
	display: inline-block;
	margin: 30upx 20upx;
	
}
.list-gift-img{
	width: 180upx;
	height: 180upx;
	border-radius: 10upx;
}
.bottom-block{
	width: 100%;
	height: 110upx;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-top: 1px solid #DDDDDD;
}
.area{
	width: 33%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	color: #999;
	font-weight: 600;
}
.area-select{
	color: #F4637A;
	border-bottom: 2px solid #F4637A;
	/* background: #33B17B; */
}
.btn-buy{
	/* width: 33%; */
	width: 80%;
		height: 90upx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		font-size: 16px;
		color: #FFFFFF;
		background: #F4637A;
		border-radius: 20upx;
}
.close-area{
	width: 40upx;
	height: 40upx;
	position: absolute;
	right: 40upx;
	top: 30upx;
	z-index: 99;
}
.gt{
	border: 2px solid #F4637A;
}